<!DOCTYPE html>
<html lang="zh-cn">

<head>
  {include file="common/head"}
</head>

<body>
  {include file="common/menu"}
  <!-- phone nav over-->
  <div class="swiper mySwiper ">
    <div class="swiper-wrapper">
      <div class="swiper-slide">
        <div class="xia">
          <p></p>
        </div>
        <div class="swiper mySwiper2">
          <div class="swiper-wrapper  pc">
            {hkcms:adv name="banner" key="m"}
            <div class="swiper-slide" title="{$item.title}">
              <img src="{$item.image}" alt="">
              {hkcms:adv name="mobilebanner" key="s"}
                {if $s == $m}<img src="{$item.image}" alt="">{/if}
              {/hkcms:adv}
            </div>
            {/hkcms:adv}
          </div>
          <div class="swiper-pagination"></div>
        </div>
        <!-- Swiper JS -->
        <script src="__static__/static/js/swiper-bundle.min.js"></script>
        <!-- Initialize Swiper -->
        <script>
          var swiper = new Swiper(".mySwiper2", {
            speed: 2000,
            grabCursor: true,
            loop: true,
            autoplay: {
              delay: 3000,//1秒切换一次
              disableOnInteraction: false,
            },
            pagination: {
              el: ".swiper-pagination",
              clickable: false,
            },

          });
        </script>
      </div>
      <div class="swiper-slide">

        <div class="sgy ">
          <div class="sgyl ">
            <div class="sgyln ">
              <strong>馋嘴零食</strong>
              <b>馋力觉醒 嘴爱零食</b>
              <p>总部位于武汉，公司秉承立足湖北，辐射华中，走向全国，快速
                发展休闲食品专卖店。“馋嘴零拾”为公司旗下的注册商标，公
                司创始团队均从事休闲食品行业和零食行业十多年，有丰富的行
                业管理经验。</p>
              <div class="sgyns">
                <dl>
                  <dt id="num1"></dt>
                  <dd>现有员工</dd><span>+</span>
                </dl>
                <dl>
                  <dt id="num2"></dt>
                  <dd>现有门店</dd><span>+</span>
                </dl>
                <dl>
                  <dt id="num3"></dt>
                  <dd>单品数量</dd><span>+</span>
                </dl>
                <dl>
                  <dt id="num4"></dt>
                  <dd>开店成功率</dd><span>%</span>
                </dl>
              </div>
              <div class="more"><a href="/guanyuwomen/">了解更多 ></a></div>
            </div>
          </div>
          <div class="sgyr"><img src="__static__/static/picture/gybg.jpg"></div>
        </div>
      </div>
      <div class="swiper-slide ">
        <div class="sys ">
          <div class="title ">我们的优势<span><img src="__static__/static/picture/x.png"></span></div>
          <div class="sysn ">

            <dl><img src="__static__/static/picture/y1.png">
              <dt>产品优势</dt>
              <dd>凭借丰富经验与专业团队<br>从好吃、高品质角度更精准的选品<br>让消费者来店全方位体验<br>可以随意挑选、快乐品尝</dd>
            </dl>
            <dl><img src="__static__/static/picture/y2.png">
              <dt>快乐优势</dt>
              <dd>与更多生产企业建立强关系<br>让顾客以低价轻松买到快乐<br>并保持超高的品质和颜价比<br>每个{$site.title}会员日有更高折扣</dd>
            </dl>
            <dl><img src="__static__/static/picture/y3.png">
              <dt>供应链优势</dt>
              <dd>专业的供应链团队<br>高强度的物流配送<br>高周转率的现代化供应链<br>全国门店实现“当日达”，最迟“次日达”</dd>
            </dl>
            <dl><img src="__static__/static/picture/y4.png">
              <dt>品牌化优势</dt>
              <dd>独特醒目的品牌VI视觉形象<br>活力元气的品牌形象<br>让{$site.title}的品牌形象有鲜明的辨识度<br>品味快乐零食，深受年轻人喜爱</dd>
            </dl>
          </div>
        </div>
      </div>
      <div class="swiper-slide ">
        <div class="sxw">
          <div class="sxwt">品牌资讯<span><img src="__static__/static/picture/x.png"></span></div>
          <div class="sxwn ">
            {hkcms:content catid="8" num="4" order="id asc"}
            <dl>
              <a href="{$item.url}">
                <dt><img src="{$item.thumb}"></dt>
                <dd>
                  <!-- <b>{$item.publish_time|date="Y.m.d"}</b> -->
                  <strong>{$item.title}</strong><span>Read More<i></i></span></dd>
              </a>
            </dl>
            {/hkcms:content}
          </div>
          <div class="ft ft2">
            <div class="ftn">
              <div class="ftl">
                {hkcms:channel type="top" ismenu="1" currentstyle="current"}
                <dl>
                  <dt><a href="{$item.url}">{$item.title}</a></dt>
                  {if $item.has_child}
                    {hkcms:channel name="$item['id']" id="son" type="son" ismenu="1"}
                    <dd><a href="{$son.url}">{$son.title}</a></dd>
                    {/hkcms:channel}
                  {/if}
                </dl>
                {/hkcms:channel}
              </div>
              <div class="ftr">
                <img src="{$site.gzh}"><span>公众号</span>
              </div>
            </div>
            <div class="bq">
              <div class="bql">
                <span>24小时客服热线：</span>
                <b>{$site.phone}</b>
              </div>
              <div class="bqr">
                Copyright © 2023 {$site.gsname}版权所有 <a href="https://beian.miit.gov.cn/"
                  target="_blank">{$site.psrn}</a>
              </div>
            </div>
          </div>
          <script type="text/javascript" src="__static__/static/js/jquery.nicescroll.js"></script>
          <script>
            $(function () {
              $('html').niceScroll({
                cursorcolor: "#ccc", //滚动条的颜色   
                cursoropacitymax: .8, //滚动条的透明度，从0-1   
                touchbehavior: false, //使光标拖动滚动像在台式电脑触摸设备   
                cursorwidth: "4px", //滚动条的宽度   
                cursorborder: "0", // 游标边框css定义    
                cursorborderradius: "5px", //以像素为光标边界半径  圆角   
                autohidemode: false, //是否隐藏滚动条  true的时候默认不显示滚动条，当鼠标经过的时候显示滚动条   
                zindex: "999", //给滚动条设置z-index值    
                railpadding: {
                  top: 0,
                  right: -4,
                  left: 0,
                  bottom: 0
                }, //滚动条的位置
              });
            });
          </script>
        </div>
      </div>
    </div>
    <div class="swiper-pagination"></div>
  </div>
  <!-- Swiper JS -->
  <script src="__static__/static/js/swiper-bundle.min.js"></script>
  <!-- Initialize Swiper -->
  <script>
    var swiper = new Swiper(".mySwiper", {
      speed: 1000,
      direction: "vertical",
      effect: 'coverflow',
      slidesPerView: 3,
      centeredSlides: true,
      coverflowEffect: {
        rotate: 30,
        stretch: 10,
        depth: 60,
        modifier: 2,
        slideShadows: true
      },
      on: {
        slideChangeTransitionStart: function (obj) {
          console.log(obj.activeIndex)
          if (obj.activeIndex === 1, 2, 3) {
            $('.dh').addClass('shrink');
            $('.ft').removeClass('ft2');
            new WOW().init();
            //这里进行数字跳动设置
            var options = {
              useEasing: true, // 使用缓和
              useGrouping: false, // 使用分组(是否显示千位分隔符,一般为 true)
              separator: ',', // 分隔器(千位分隔符,默认为',')
              decimal: '.', // 十进制(小数点符号,默认为 '.')
              prefix: '', // 字首(数字的前缀,根据需要可设为 $,¥,￥ 等)
              suffix: '' // 后缀(数字的后缀 ,根据需要可设为 元,个,美元 等) 
            };
            // CountUp(参数一, 参数二, 参数三, 参数四, 参数五, 参数六)
            // 参数一: 数字所在容器
            // 参数二: 数字开始增长前的默认值(起始值),一般从 0 开始增长
            // 参数三: 数字增长后的最终值,该值一般通过异步请求获取
            // 参数四: 数字小数点后保留的位数
            // 参数五: 数字增长特效的时间,此处为3秒
            // 参数六: 其他配置项
            // 注: 参数六也可不加,其配置项则为默认值
            new CountUp("num1", 0, 500, 0, 2, options).start();
            new CountUp("num2", 0, 200, 0, 2, options).start();
            new CountUp("num3", 0, 2000, 0, 2, options).start();
            new CountUp("num4", 0, 90, 0, 2, options).start();
          } else { $('.dh').removeClass('shrink'); }
          if (obj.activeIndex === 0) { $('.dh').removeClass('shrink'); }
        },
      },
      slidesPerView: 1,
      spaceBetween: 0,
      mousewheel: true,
      pagination: {
        el: ".swiper-pagination",
        clickable: true,
      },
    });
  </script>
  <script src="__static__/static/js/countUp.js"></script>
  <script src="__static__/static/js/wow.min2.js"></script>
  <script>
    if (!(/msie [6|7|8|9]/i.test(navigator.userAgent))) {
      offset: 0,
        new WOW().init();
    };
  </script>
</body>

</html>